<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <title>幸运大抽奖</title>

    <link rel="stylesheet" href="../css/swiper.min.css"/>

    <script src="../js/jquery-3.3.1.min.js"></script>

    <script src="../js/swiper.min.js"></script>

    <link rel="stylesheet" href="../css/choujiang-1.css"/>

    <link rel="stylesheet" href="//at.alicdn.com/t/font_1012783_ief0gj5gh7.css"/>

</head>
<body>
<!--九宫格抽奖界面-->
<div class="f1">
    <div class="luck" flex="main:center cross:top" id="luck">
        <table>

            <tbody>

            <tr class="xiny">
                <td>
                    <div class="luck1 luck-unit-0 luck-unit"></div>
                </td>

                <td>
                    <div class="luck2 luck-unit-1 luck-unit"></div>
                </td>

                <td>
                    <div class="luck3 luck-unit-2 luck-unit"></div>
                </td>
            </tr>

            <tr class="xiny">
                <td>
                    <div class="luck4 luck-unit-7 luck-unit"></div>
                </td>

                <td class="luck5"></td>

                <td class="luck6">
                    <div class="luck6 luck-unit-3 luck-unit"></div>
                </td>
            </tr>

            <tr class="xiny">
                <td>
                    <div class="luck7 luck-unit-6 luck-unit"></div>
                </td>

                <td>
                    <div class="luck8 luck-unit-5 luck-unit"></div>
                </td>

                <td>
                    <div class="luck9 luck-unit-4 luck-unit"></div>
                </td>
            </tr>

            </tbody>

        </table>

    </div>
</div>




<!--抽奖次数和记录-->

<div class="but" flex="main:justify">
    <button type="button" id="choujiangcishu">抽奖次数：2次</button>
    <button type="button" id="sure">活动说明</button>

</div>


<!--倒计时-->
<div class="f3">
    <p>距离结束还剩</p>


    <div class="kuang" flex="main:center cross:center">
        <div flex="main:center cross:center" id="day">00</div>
        <b>天</b>
        <div flex="main:center cross:center" id="hours">00</div>
        <b>时</b>
        <div flex="main:center cross:center" id="minutes">00</div>
        <b>分</b>
        <div flex="main:center cross:center" id="seconds">00</div>
        <b>秒</b>
    </div>

</div>




<!--未中奖弹窗-->

<div class="tanchuang" id="none">


    <div flex="main:center cross:center">

        <div class="tanchuang-no anniu" flex="main:center cross:center">
            <button type="button" class="again again">再抽一次</button>
        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽奖次数用完-->

<div class="tanchuang" id="cishuyongwan">
    <div flex="main:center cross:center">

        <div class="tanchuang-wu anniu" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>



<!--抽中iphonX-->

<div class="tanchuang" id="ipx">
    <div flex="main:center cross:center">
        <div class="tanchuang-iphon anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift1">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽中100代金券-->
<div class="tanchuang" id="money100">
    <div flex="main:center cross:center">
        <div class="tanchuang-100d anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift2">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽中500金币-->

<div class="tanchuang" id="money500">
    <div flex="main:center cross:center">
        <div class="tanchuang-500j anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift3">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽中100金币-->

<div class="tanchuang" id="glod100">
    <div flex="main:center cross:center">
        <div class="tanchuang-100j anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift4">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽中100现金-->

<div class="tanchuang" id="money100_2">
    <div flex="main:center cross:center">

        <div class="tanchuang-100xj anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift5">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽中爱奇艺会员-->

<div class="tanchuang" id="aiqiyi">


    <div flex="main:center cross:center">

        <div class="tanchuang-aqy anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift6">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--抽中500代金券-->

<div class="tanchuang" id="money500_2">


    <div flex="main:center cross:center">

        <div class="tanchuang-500d anniuzu" flex="main:center cross:center">
            <button type="button" class="seeGift" data-id="gift7">查看奖品</button>
            <button type="button" class="anniu3 again">再抽一次</button>

        </div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>





<!--我的奖品-iphonX-->

<div class="tanchuang" id="gift1">

    <div flex="main:center cross:center">

        <div class="myprize">
            <div flex="main:center cross:bottom">
                <div class="pgx"></div>
            </div>
            <div class="wenzizu">
                <p class="wenzi1">Iphone X一台</p>
                <p class="wenzi2">有效期至2019/2/15</p>
            </div>

            <p id="tishi">发货时您的手机号会收到短信通知</p>

            <div class="dizhi" flex="main:center cross:center dir:top">
                <input type="text" placeholder="请输入收件人姓名" id="Name"/>
                <input type="text" placeholder="请输入收件人手机号" id="Phone"/>
                <textarea placeholder="请输入邮寄地址" id="Agg"></textarea>
            </div>

        </div>
    </div>

    <div flex="main:center cross:center">
        <button type="button" class="dianji" id="lingqu">点击领取</button>
    </div>
</div>


<!--我的奖品100代金券-->

<div class="tanchuang" id="gift2">


    <div flex="main:center cross:center">
        <div class="myprize100d" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--我的奖品500金币-->

<div class="tanchuang" id="gift3">


    <div flex="main:center cross:center">
        <div class="myprize500j" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>

<!--我的奖品100金币-->

<div class="tanchuang" id="gift4">


    <div flex="main:center cross:center">
        <div class="myprize100j" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
    <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--我的奖品100现金-->

<div class="tanchuang" id="gift5">


    <div flex="main:center cross:center">
        <div class="myprize100xj" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--我的奖品爱奇艺-->

<div class="tanchuang" id="gift6">


    <div flex="main:center cross:center">
        <div class="myprizeaqy" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>


<!--我的奖品500代金券-->

<div class="tanchuang" id="gift7">


    <div flex="main:center cross:center">
        <div class="myprize500d" flex="main:center cross:center"></div>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-cross"></i>
    </div>
</div>



<!--活动说明-->

<div class="tanchuang" id="gift8">

    <div flex="main:center cross:center">
        <div class="shuoming"></div>
    </div>



    <div flex="main:center cross:center">
        <button type="button" class="dianji" id="know">我知道了</button>
    </div>
</div>






<script src="../js/choujiang-1.js"></script>
</body>
</html>